
	.container {

		display: flex;
		// align-items: center;

		height: 100vh;


		margin-top: -44px;
		.content {
		padding-top: 50px;
			width: 100%;
			.imgbox{
				display: flex;
				justify-content: center;
				.box{
					width: 300rpx;
					height: 300rpx;
					font-weight: 600;
					font-size: 64rpx;
					color: #242424;
					text-align: center;
				}
			}
			.head{
				font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
				margin-top: 14rpx;
				width: 100%;
				font-weight: 400;
				font-size: 64rpx;
				color: #FFFFFF;
				display: flex;
				justify-content: center;
				image{
					width: 200upx;
					height: 200upx;
				}
			}
			.box{
				width: 100%;
				display: flex;
				    justify-content: center;
				    align-items: center;
				    flex-direction: column;
				.titlebox{
					display: flex;
					justify-content: flex-start;
						font-weight: bold;
					.left{
						padding-bottom: 20upx;
						font-size: 40upx;
						color: #fff;
					}
					.right{
						padding-bottom: 20upx;
						font-size: 40upx;
						color: #fff;
					}
					.active{
						font-weight: bold;
						// border-bottom: #F23636 2upx solid;
					}
				}
			}

			.title1 {
				font-size: 48upx;
				font-weight: bold;
				color: #333333;
				margin-bottom: 20upx;
			}

			.title2 {
				font-size: 32upx;
				color: #999;
				margin-bottom: 100upx;
			}

			.list {
				width: 92%;
				border-radius: 20upx;


				.usertxt{
					font-weight: 500;
					font-size: 30rpx;
					color: #000000;
				}
				.item {
					display: flex;
					align-items: center;
					justify-content: space-between;
					// background-color: #f5f5f5;
					padding: 0 24rpx;
					height: 96rpx;
					border-radius: 16rpx;
					border: 1rpx solid #EDE5D7;

					background-color: #fff;
					margin-top: 26rpx;
					.items{

						width:100% ;
						display: flex;
						align-items: center;
						.image{
								width: 160rpx;
								height: 34rpx;
								margin-right: 20upx;
								border-right: 1rpx solid #2D2D2D;
								font-weight: 400;
								font-size: 28rpx;
								color: #000000;
						}

					}
					.uni-input-placeholder{
						font-size: 16px;
						color: #e6e6e6;
					}
					.uni-input{
						width: 100%;
					}

					.time{
						text-align: center;
						width: 140upx;
						color: #0bc4e3;
						margin-right: 10upx;
						border-radius: 5upx;
						font-size: 10px;

					}
				}
			}
			.titleboxs{
				display: flex;
				justify-content: space-between;
				color: #666666;
				padding: 20upx 0;
				font-size: 28upx;
				.left{
					font-weight: 400;
					font-size: 28rpx;
					color: #2D2D2D;
				}
				.right{
					font-weight: bold;
					font-size: 28rpx;
					color: #2D2D2D;
				}
			}
			.bottom{


				 font-size: 24rpx;
				 text-align: center;
				 position: fixed;
				 bottom: 290rpx;
				 left: 30rpx;
			}

	}
	.bottoms{
		text-align: right;
		color: #666666;
		font-size: 16px;
	}
	.m-t-40{
		margin-top: 40rpx;
	}
	.btnBoxs{
				height: 96rpx;
				background: #2E7D32;
				border-radius: 16rpx;
				font-weight: 500;
				font-size: 30rpx;
				color: #FFFFFF;
				text-align: center;
				line-height: 96rpx;
				margin: 36rpx 30rpx 0 30rpx;
				bottom: 180rpx;

			}

	}
.btnBox-text{

	text-align: center;
	bottom: 94rpx;
	margin-top: 72rpx;
	font-weight: 400;
	font-size: 28rpx;
	color: #2D2D2D;
	text{
		color: #F67800;
	}
}
